<%--
  Created by IntelliJ IDEA.
  User: dr5hx
  Date: 2018/8/11
  Time: 11:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>表单</title>
    <link rel="shortcut icon" href="<c:url value="/easyui/css/images/favicon.ico" />"/>
    <link rel="stylesheet" href="<c:url value="/css/flipclock.css"/>"/>
    <link href="<c:url value="/css/CalcSS3.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/css/index.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/easyui/css/easyui.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/easyui/css/easyui_animation.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/easyui/css/easyui_plus.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/easyui/css/insdep_theme_default.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/easyui/css/icon.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/easyui/css/font-awesome-4.7.0/css/font-awesome.min.css"/>" rel="stylesheet"
          type="text/css"/>
    <!-- 引入 ECharts 文件 -->
    <script src="<c:url value="/js/echarts.js"/>"></script>
    <!--放入自定义的图表-->
    <script src="<c:url value="/js/monitor.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/easyui/js/jquery.min.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/easyui/js/jquery.easyui.min.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/easyui/js/jquery.insdep-extend.min.js"/>"></script>
    <script type="text/javascript" src="<c:url value="/js/utils/DateFormate.js"/>"></script>
    <link href="<c:url value=" /css/utils/utilsDatagrid.css"/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value="/css/utils/utilsForm.css"/>" rel="stylesheet" type="text/css"/>
</head>
<body>
<script>
    $(function () {
        $("#close").linkbutton({
            onClick: function () {
                $("#window").dialog("close");
                $("#window").dialog("destroy");
            }
        });
    });

</script>

<div class="form-div" style="text-align: center;padding-top:5px">
    <div style="text-align:center;">
        <form id="dr5hx-contract-load-add" action="uploadContractInformation" method="post"
              enctype="multipart/form-data">
            <div class="dd">
                <input id="dr5hx-contract-load-add-customer" name="fkCustomerId" class="easyui-combobox"
                       data-options="label:'客户',width:640,labelWidth:50" required="required">
            </div>
            <div class="dd">
                <input id="dr5hx-contract-load-add-topic" name="contractTopic" class="easyui-textbox"
                       data-options="label:'主题',width:640,labelWidth:50">
            </div>
            <div class="dd">
                <input id="dr5hx-contract-load-add-startdate" name="orderStartTime" class="easyui-datebox"
                       data-options="label:'开始日期',width:300,labelWidth:70,editable:false" required="required">
                <span style="display: inline-block;width: 40px;"></span>
                <input id="dr5hx-contract-load-add-overdate" name="orderOverTime" class="easyui-datebox"
                       data-options="label:'结束日期',width:300,labelWidth:70,editable:false" required="required">
            </div>
            <div class="dd">
                <input id="dr5hx-contract-load-add-money" name="contractMoney" class="easyui-textbox"
                       data-options="label:'总金额',width:300,labelAlign:'right',labelWidth:70"
                       validType="checkDotNumber" required="required">
                <span style="display: inline-block;width: 40px;"></span>
                <select id="dr5hx-contract-load-add-state" class="easyui-combobox" name="contractState"
                        data-options="label:'状态',editable:false, labelAlign:'right',labelWidth:70,width:300,panelHeight:85">
                    <option>执行中</option>
                    <option>意外中止</option>
                    <option>完成</option>
                </select>
            </div>

            <div class="dd">
                <input id="dr5hx-contract-load-add-contact" name="contractCustomer" class="easyui-combobox"
                       data-options="label:'联系人',labelAlign:'right',labelWidth:70,width:300,panelHeight:'auto',editable:false"
                       required="required">
                <span style="display: inline-block;width: 40px;"></span>
                <input id="dr5hx-contract-load-add-emp" class="easyui-combobox" name="contractEmpno"
                       data-options="label:'所有者',width:300,labelAlign:'right',labelWidth:70,panelHeight:'auto',editable:false"
                       required="required">
            </div>

            <div class="dd">
                <input id="dr5hx-contract-load-add-contractnumber" class="easyui-textbox" name="contractNumber"
                       data-options="label:'订单号',width:300,labelAlign:'right',labelWidth:70" validType="checkNumber" required="required">
                <span style="display: inline-block;width: 40px;margin: 0px;"></span>
                <input id="dr5hx-contract-load-add-plan" name="fkPlanId" class="easyui-combobox"
                       data-options="label:'计划',width:300,labelAlign:'right',labelWidth:70,panelHeight:'auto',editable:false"
                       required="required">
            </div>
            <div class="dd">
                <input id="dr5hx-contract-load-add-remark" name="contractRemark" class="easyui-textbox"
                       data-options="label:'备注',width:640,labelAlign:'right',labelWidth:70,multiline:'true', height: 80">
            </div>
            <div class="dd">
                <input id="dr5hx-contract-load-add-accessory" class="easyui-filebox" style="width: 640px"
                       name="contractAccessoryname"
                       data-options="label:'添加附件',labelAlign:'right',labelWidth:70,buttonText:'&nbsp&nbsp&nbsp&nbsp选择&nbsp&nbsp&nbsp&nbsp'">
            </div>
            <div class="dd">
                <input id="dr5hx-contract-load-add-address" name="contractAddress" class="easyui-textbox"
                       data-options="label:'收货地址',width:640,multiline:'true', height: 80">
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    $.extend($.fn.validatebox.defaults.rules, {
        checkDotNumber: {
            validator: function (value) {
                var pattern = /^\d+([.]\d+)*$/
                return pattern.test(value);
            },
            message: '必须为数字或小数'
        }
    });
    $.extend($.fn.validatebox.defaults.rules, {
        checkNumber: {
            validator: function (value) {
                var patrn = /^\d+$/;
                return patrn.test(value);
            },
            message: '必须为数字'
        }
    });

</script>
</body>
</html>
